<template>
  <div style="height: 800px;overflow:auto"><br>
    <el-card class="box-card" v-for="o in 7" :key="o" shadow="hover" style="height: 100px">
      <div  class="text item">
        <span style="font-size: 20px">帖子标题XXXXXXX</span>
      </div>
      <div>
        <span style="color: cornflowerblue">发布成功</span>&nbsp;&nbsp;&nbsp;
        <span style="color: #888888;font-size: 13px"> 收<i class="el-icon-star-on"></i>藏：2345</span>&nbsp;&nbsp;&nbsp;
        <span style="color: #B3C0D1;font-size: 15px">&nbsp;&nbsp;2002-10-25 11:12:23 </span>
      </div>

      <div style="text-align: right;">
        <span class="bainji" @click="revise()"><i class="el-icon-edit"></i>编辑</span>&nbsp;
        <span class="shanchu" @click="revise()"><i class="el-icon-delete"></i>删除</span>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "mypost"
}
</script>

<style scoped>
.bainji{
  color: #888888;
  font-size: 15px;
  cursor:pointer;
}
.bainji:hover{
  color: cornflowerblue;
}
.shanchu{
  color: #888888;
  font-size: 15px;
  cursor:pointer;
}
.shanchu:hover{
  color: red;
}
</style>
